<template>
  <div class="h100 a-flex-column">
    <div class="home-bac">
      <img src="~@/assets/reception/background1.png" alt="" >
    </div>
    <functional></functional>
    <div class="a-flex-auto">
      <router-view></router-view>
    </div>
    <reception-bottom></reception-bottom>
  </div>
</template>

<script>
import { getAppGetFWLBListApi } from '@/api/resService'
import store from '@/store/index'
import receptionBottom from '@/components/reception/bottom1.vue'
import functional from '@/components/reception/functional.vue'
import RightContent from '@/components/reception/RightContent'
import defaultSettings from '@/config/defaultSettings'

export default {
  name: 'receptionHome',
  components: {
    receptionBottom,
    functional,
    RightContent,
  },
  data() {
    return {
      hotIconList: [],
      upload: process.env.VUE_APP_API_BASE_URL,
      loginuser: store.state.user.ZHLB,
      // current: ['findServices'],
      menusRes: [
        {
          path: '/reception/findServices/index',
          title: '查找服务',
          name: 'findServices',
        },
        {
          path: '/reception/cases/index',
          title: '成功案例',
          name: 'cases',
        },
        {
          path: '/reception/settledEnt/index',
          title: '入驻企业',
          name: 'settledEnt',
        },
        {
          path: '/reception/aboutUs/index',
          title: '关于我们',
          name: 'aboutUs',
        },
        {
          path: '/reception/serviceItems/index',
          title: '服务项目',
          name: 'serviceItems',
        },
        {
          path: '/reception/Introduction/index',
          title: '服务简介',
          name: 'Introduction',
        },
        {
          path: '/reception/pubServices/index',
          title: '发布服务',
          name: 'pubServices',
        },
        {
          path: '/reception/supermarket/index',
          title: '商品超市',
          name: 'supermarket',
        },
      ],
      settings: {
        multiTab: defaultSettings.multiTab,
        // 布局类型
        layout: defaultSettings.layout, // 'sidemenu', 'topmenu'
        // CONTENT_WIDTH_TYPE
        contentWidth: defaultSettings.layout === 'sidemenu' ? CONTENT_WIDTH_TYPE.Fluid : defaultSettings.contentWidth,
        // 主题 'dark' | 'light'
        theme: defaultSettings.navTheme,
        // 主色调
        primaryColor: defaultSettings.primaryColor,
        fixedHeader: defaultSettings.fixedHeader,
        fixSiderbar: defaultSettings.fixSiderbar,
        colorWeak: defaultSettings.colorWeak,

        hideHintAlert: false,
        hideCopyButton: false,
      },
      isMobile: false,
    }
  },
  methods: {
    routerpush(item) {
      this.$router.push({ path: item.path })
      // this.$router.push({ path: '/reception/settledEnt/detail' });
    },
    reslogin() {
      this.$router.push({ path: '/reslogin' })
    },
    getAppGetFWLBList() {
      getAppGetFWLBListApi({
        pageSize: 10,
        pageIndex: 1,
        RMTJ: 1,
      })
        .then((res) => {
          console.log('res', res)
          this.hotIconList = res.data
        })
        .catch((err) => {})
        .finally(() => {})
    },
  },
  computed: {
    current: {
      // return [ this.$route.name ]
      get() {
        return [ this.$route.name ]
      },
      set(v) {
      },
    },
  },
  mounted() {
    this.getAppGetFWLBList()
  },
}
</script>

<style lang="less" scoped>
.home-bac{
  img{
    height: 300px;
    width: 100%;
  }
}
</style>
